<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui" > 

<h:head>
<ui:include src="/vistas/default.xhtml"></ui:include>
</h:head> 
<body> 
<h:form id="frmBusqueda">

<p:panel>
<h:panelGrid columns="6" >
<div style="color:#0073EA;font-weight:bold; font-size:  2.5ex;padding-left:55px;"> MOTOR DE BÚSQUEDA</div>

<h:graphicImage value="/images/compass.jpg" style="margin-left:20px;"/>

<h:outputLabel value="Entidad buscable: " />

 <p:selectOneMenu  value="#{motorBusquedaCompass.sClassSeleccionada}" style="margin-left:20px;">
         <f:selectItems value="#{motorBusquedaCompass.lstClasesSearchables}" var="classe"  />
  </p:selectOneMenu>

<h:inputText  id="txtbusqueda" value="#{motorBusquedaCompass.sInput}" style="margin-left:30px;" size="100"/>

<p:commandButton id="btnBuscar" value="Buscar" icon="ui-icon-search"  action="#{motorBusquedaCompass.busqueda}"
                 style="margin-left:40px;" update="frmBusqueda:dtListBusqueda" />
</h:panelGrid>


<p:dataList value="#{motorBusquedaCompass.lstResultado}" var="car" id="dtListBusqueda"  
        paginator="true" rows="5" effectSpeed="fast"  style="width:50%"
        paginatorTemplate="{PreviousPageLink} {CurrentPageReport} {NextPageLink} {RowsPerPageDropdown}"  
        rowsPerPageTemplate="5,10,15" emptyMessage="No se encuentran resultados" type="none" >  
  
            <f:facet name="header">  
                Resultado de la Búsqueda  
            </f:facet>  
  
            <p:column>  
                <h:outputText value="#{car.iId}, #{car.valor}" style="margin-left:10px" />  
                <br />  
            </p:column>
</p:dataList> 

</p:panel>

</h:form>




</body> 
</html>
